/* override input always getting focus styling from package "focus-visible" */
.focus-outline[data-focus-visible-added].focus-visible.focus,
.focus-outline[data-focus-visible-added].focus-visible.focus:focus,
input[type="text"].focus\:outline-none[data-focus-visible-added]:focus,
input[type="email"].focus\:outline-none[data-focus-visible-added]:focus {
  box-shadow: none;
  outline-width: 0;
}
/* .custom-carousel li:first-child {
  padding-left: 20vw;
} */

:global(.slide:not(.selected)) {
  opacity: 0.2;
}

.gallery-snackbar {
  @apply w-full;
}

.custom-slide {
  height: 70vh;
}

@media (min-width: 768px) {
  .custom-carousel li:not(:first-child) {
    @apply pl-16;
  }

  .custom-carousel li:not(:last-child) {
    @apply pr-16;
  }

  .custom-carousel :global(.carousel-root) {
    padding: 0 calc(10vw + 16px);
  }

  .gallery-snackbar {
    width: calc(80vw - 32px);
  }

  .indicator {
    margin-left: calc(10vw + 16px);
  }
}
